<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js">
		</script>
		<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js">
		</script>
	</head>
	<style>
		body {margin: 0;padding: 0;height: 100%;width: 80%;}
		.mian {
			align-items: center;
			justify-content: center;
			text-align: center;
			width: 100%;
			overflow: hidden;
			height: 100%;
			position: absolute;
			left: 0px;
			width: 100%;
			background-image: linear-gradient(50deg, #e6e6e6 100%, #c2c2c2 50%);
		}
		td {
			width: 16.66%;
			height: 16%;
		}
		#footer {
			position: absolute;
			bottom: 10px;
			width: 100%;
		}
		#start {
			margin: 0 auto;
			background-color: #00d466;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 200px;
			height: 200px;
			// border-radius:50%;
			font-size: 65px;
			font-weight: bold;
			text-align: center;
			border-radius: 30px;
			border: none;
			cursor: pointer;
			color: #fff;
		}
		
		#reset1 {
			margin: 0 auto;
			background-color: #ffaa00;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 200px;
			height: 200px;
			// border-radius:50%;
			font-size: 65px;
			font-weight: bold;
			text-align: center;
			border-radius: 30px;
			border: none;
			cursor: pointer;
			color: #fff;
		}
		
		.saoma {
			text-align: center;
			bottom: 20%;
			position: absolute;
			width: 100%;
		}
	</style>
	<body>
		
		<div class="mian">
			<h1>马了个马-第2关</h1>
		<table border="0" style="width: 80%;height: 36%;" id="tab" align="center">
			
			<tr>
				<td id="1" onclick="get(1)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="2" onclick="get(2)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="3" onclick="get(3)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="4" onclick="get(4)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="5" onclick="get(5)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="6" onclick="get(6)"><img src='img/kong.png' width='140px' height='140px' /></td>
			</tr>
			<tr>
				<td id="7" onclick="get(7)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="8" onclick="get(8)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="9" onclick="get(9)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="10" onclick="get(10)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="11" onclick="get(11)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="12" onclick="get(12)"><img src='img/kong.png' width='140px' height='140px' /></td>
			</tr>
			<tr>
				
				<td id="13" onclick="get(13)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="14" onclick="get(14)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="15" onclick="get(15)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="16" onclick="get(16)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="17" onclick="get(17)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="18" onclick="get(18)"><img src='img/kong.png' width='140px' height='140px' /></td>
			</tr>
			<tr>
				<td id="19" onclick="get(19)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="20" onclick="get(20)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="21" onclick="get(21)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="22" onclick="get(22)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="23" onclick="get(23)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="24" onclick="get(24)"><img src='img/kong.png' width='140px' height='140px' /></td>
			</tr>
			<tr>
				<td id="25" onclick="get(25)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="26" onclick="get(26)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="27" onclick="get(27)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="28" onclick="get(28)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="29" onclick="get(29)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="30" onclick="get(30)"><img src='img/kong.png' width='140px' height='140px' /></td>
			</tr>
			<tr>
				<td id="31" onclick="get(31)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="32" onclick="get(32)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="33" onclick="get(33)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="34" onclick="get(34)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="35" onclick="get(35)"><img src='img/kong.png' width='140px' height='140px' /></td>
				<td id="36" onclick="get(36)"><img src='img/kong.png' width='140px' height='140px' /></td>
			</tr>
		</table>
		<br /><br /><br />
		
		<div class="saoma" style="display: flex;">
			<button onclick="reset()" id="start" value="">Start</button>
			<button onclick="reset()" id="reset1" value="">Reset</button>
		</div>
		
		<table border="1" style="width: 100%;height: 200px" id="footer">
			<tr>
				<td id="f1">1</td>
				<td id="f2">2</td>
				<td id="f3">3</td>
				<td id="f4">4</td>
				<td id="f5">5</td>
				
			</tr>
		</table>
		</div>
		
		<div>
			
		</div>
		
		<script type="text/javascript">
			    
			function get(v){  
				document.getElementById(v).innerHTML="<img src='img/kong.png' width='140px' height='140px'/>";
				
				
				
				var d1 = document.getElementById("1").innerHTML;var d2 = document.getElementById("2").innerHTML;
				var d3 = document.getElementById("3").innerHTML;var d4 = document.getElementById("4").innerHTML;
				var d5 = document.getElementById("5").innerHTML;var d6 = document.getElementById("6").innerHTML;
				var d7 = document.getElementById("7").innerHTML;var d8 = document.getElementById("8").innerHTML;
				var d9 = document.getElementById("9").innerHTML;var d10 = document.getElementById("10").innerHTML;
				var d11 = document.getElementById("11").innerHTML;var d12 = document.getElementById("12").innerHTML;
				var d13 = document.getElementById("13").innerHTML;var d14 = document.getElementById("14").innerHTML;
				var d15 = document.getElementById("15").innerHTML;var d16 = document.getElementById("16").innerHTML;
				var d17 = document.getElementById("17").innerHTML;var d18 = document.getElementById("18").innerHTML;
				var d19 = document.getElementById("19").innerHTML;var d20 = document.getElementById("20").innerHTML;
				var d21 = document.getElementById("21").innerHTML;var d22 = document.getElementById("22").innerHTML;
				var d23 = document.getElementById("23").innerHTML;var d24 = document.getElementById("24").innerHTML;
				var d25 = document.getElementById("25").innerHTML;var d26 = document.getElementById("26").innerHTML;
				var d27 = document.getElementById("27").innerHTML;var d28 = document.getElementById("28").innerHTML;
				var d29 = document.getElementById("29").innerHTML;var d30 = document.getElementById("30").innerHTML;
				var d31 = document.getElementById("31").innerHTML;var d32 = document.getElementById("32").innerHTML;
				var d33 = document.getElementById("33").innerHTML;var d34 = document.getElementById("34").innerHTML;
				var d35 = document.getElementById("35").innerHTML;var d36 = document.getElementById("36").innerHTML;
				
				if(d1.includes("kong")&&d2.includes("kong")&&d3.includes("kong")&&d4.includes("kong")&&d5.includes("kong")&&
				d6.includes("kong")&&d7.includes("kong")&&d8.includes("kong")&&d9.includes("kong")&&d10.includes("kong")&&
				d11.includes("kong")&&d12.includes("kong")&&d13.includes("kong")&&d14.includes("kong")&&d15.includes("kong")&&
				d16.includes("kong")&&d17.includes("kong")&&d18.includes("kong")&&d19.includes("kong")&&d20.includes("kong")&&
				d21.includes("kong")&&d22.includes("kong")&&d23.includes("kong")&&d24.includes("kong")&&d25.includes("kong")&&
				d26.includes("kong")&&d27.includes("kong")&&d28.includes("kong")&&d29.includes("kong")&&d30.includes("kong")&&
				d31.includes("kong")&&d32.includes("kong")&&d33.includes("kong")&&d34.includes("kong")&&d35.includes("kong")&&d36.includes("kong")){
					alert("恭喜通关!");
				}
			  }  

			
			function put(v){

				var content1 = document.getElementById("f1").innerHTML;
				var content2 = document.getElementById("f2").innerHTML;
				var content3 = document.getElementById("f3").innerHTML;
				var content4 = document.getElementById("f4").innerHTML;
				var content5 = document.getElementById("f5").innerHTML;
				if(content1==1){
					if(v==1){  //f1未放入，直接放入
						document.getElementById("f1").innerHTML = "<img src='img/baicai.png' width='140px' height='140px'/>";
					}else if(v==2){
						document.getElementById("f1").innerHTML = "<img src='img/daocao.png' width='140px' height='140px' />";
					}else if(v==3){
						document.getElementById("f1").innerHTML = "<img src='img/huo.png' width='140px' height='140px' />";
					}else if(v==4){
						document.getElementById("f1").innerHTML = "<img src='img/jiandao.png' width='140px' height='140px' />";
					}else if(v==5){
						document.getElementById("f1").innerHTML = "<img src='img/lingdang.png' width='140px' height='140px' />";
					}else if(v==6){
						document.getElementById("f1").innerHTML = "<img src='img/luobo.png' width='140px' height='140px' />";
					}else if(v==7){
						document.getElementById("f1").innerHTML = "<img src='img/maoxian.png' width='140px' height='140px' />";
					}else if(v==8){
						document.getElementById("f1").innerHTML = "<img src='img/shoutao.png' width='140px' height='140px' />";
					}else if(v==9){
						document.getElementById("f1").innerHTML = "<img src='img/shuazi.png' width='140px' height='140px' />";
					}else if(v==10){
						document.getElementById("f1").innerHTML = "<img src='img/shuitong.png' width='140px' height='140px' />";
					}else if(v==11){
						document.getElementById("f1").innerHTML = "<img src='img/shuzhuang.png' width='140px' height='140px' />";
					}else if(v==12){
						document.getElementById("f1").innerHTML = "<img src='img/yumi.png' width='140px' height='140px' />";
					}
				}else{   //已放入，再判断f2
					var content2 = document.getElementById("f2").innerHTML;
					if(content2==2){//f2未放入，直接放入
						if(v==1){  //f1未放入，直接放入
							document.getElementById("f2").innerHTML = "<img src='img/baicai.png' width='140px' height='140px'/>";
							}else if(v==2){
								document.getElementById("f2").innerHTML = "<img src='img/daocao.png' width='140px' height='140px' />";
							}else if(v==3){
								document.getElementById("f2").innerHTML = "<img src='img/huo.png' width='140px' height='140px' />";
							}else if(v==4){
								document.getElementById("f2").innerHTML = "<img src='img/jiandao.png' width='140px' height='140px' />";
							}else if(v==5){
								document.getElementById("f2").innerHTML = "<img src='img/lingdang.png' width='140px' height='140px' />";
							}else if(v==6){
								document.getElementById("f2").innerHTML = "<img src='img/luobo.png' width='140px' height='140px' />";
							}else if(v==7){
								document.getElementById("f2").innerHTML = "<img src='img/maoxian.png' width='140px' height='140px' />";
							}else if(v==8){
								document.getElementById("f2").innerHTML = "<img src='img/shoutao.png' width='140px' height='140px' />";
							}else if(v==9){
								document.getElementById("f2").innerHTML = "<img src='img/shuazi.png' width='140px' height='140px' />";
							}else if(v==10){
								document.getElementById("f2").innerHTML = "<img src='img/shuitong.png' width='140px' height='140px' />";
							}else if(v==11){
								document.getElementById("f2").innerHTML = "<img src='img/shuzhuang.png' width='140px' height='140px' />";
							}else if(v==12){
								document.getElementById("f2").innerHTML = "<img src='img/yumi.png' width='140px' height='140px' />";
							}
					}else{   //已放入，再判断f3
						var content3 = document.getElementById("f3").innerHTML;
						if(content3==3){//f3未放入，直接放入
							if(v==1){ 
								document.getElementById("f3").innerHTML = "<img src='img/baicai.png' width='140px' height='140px'/>";
							}else if(v==2){
								document.getElementById("f3").innerHTML = "<img src='img/daocao.png' width='140px' height='140px' />";
							}else if(v==3){
								document.getElementById("f3").innerHTML = "<img src='img/huo.png' width='140px' height='140px' />";
							}else if(v==4){
								document.getElementById("f3").innerHTML = "<img src='img/jiandao.png' width='140px' height='140px' />";
							}else if(v==5){
								document.getElementById("f3").innerHTML = "<img src='img/lingdang.png' width='140px' height='140px' />";
							}else if(v==6){
								document.getElementById("f3").innerHTML = "<img src='img/luobo.png' width='140px' height='140px' />";
							}else if(v==7){
								document.getElementById("f3").innerHTML = "<img src='img/maoxian.png' width='140px' height='140px' />";
							}else if(v==8){
								document.getElementById("f3").innerHTML = "<img src='img/shoutao.png' width='140px' height='140px' />";
							}else if(v==9){
								document.getElementById("f3").innerHTML = "<img src='img/shuazi.png' width='140px' height='140px' />";
							}else if(v==10){
								document.getElementById("f3").innerHTML = "<img src='img/shuitong.png' width='140px' height='140px' />";
							}else if(v==11){
								document.getElementById("f3").innerHTML = "<img src='img/shuzhuang.png' width='140px' height='140px' />";
							}else if(v==12){
								document.getElementById("f3").innerHTML = "<img src='img/yumi.png' width='140px' height='140px' />";
							}
						}else{
							var content4 = document.getElementById("f4").innerHTML;
							if(content4==4){//f4未放入，直接放入
							if(v==1){ 
								document.getElementById("f4").innerHTML = "<img src='img/baicai.png' width='140px' height='140px'/>";
							}else if(v==2){
								document.getElementById("f4").innerHTML = "<img src='img/daocao.png' width='140px' height='140px' />";
							}else if(v==3){
								document.getElementById("f4").innerHTML = "<img src='img/huo.png' width='140px' height='140px' />";
							}else if(v==4){
								document.getElementById("f4").innerHTML = "<img src='img/jiandao.png' width='140px' height='140px' />";
							}else if(v==5){
								document.getElementById("f4").innerHTML = "<img src='img/lingdang.png' width='140px' height='140px' />";
							}else if(v==6){
								document.getElementById("f4").innerHTML = "<img src='img/luobo.png' width='140px' height='140px' />";
							}else if(v==7){
								document.getElementById("f4").innerHTML = "<img src='img/maoxian.png' width='140px' height='140px' />";
							}else if(v==8){
								document.getElementById("f4").innerHTML = "<img src='img/shoutao.png' width='140px' height='140px' />";
							}else if(v==9){
								document.getElementById("f4").innerHTML = "<img src='img/shuazi.png' width='140px' height='140px' />";
							}else if(v==10){
								document.getElementById("f4").innerHTML = "<img src='img/shuitong.png' width='140px' height='140px' />";
							}else if(v==11){
								document.getElementById("f4").innerHTML = "<img src='img/shuzhuang.png' width='140px' height='140px' />";
							}else if(v==12){
								document.getElementById("f4").innerHTML = "<img src='img/yumi.png' width='140px' height='140px' />";
							}
							}else{
								var content5 = document.getElementById("f5").innerHTML;
								if(content5==5){
								if(v==1){
									document.getElementById("f5").innerHTML = "<img src='img/baicai.png' width='140px' height='140px'/>";
								}else if(v==2){
									document.getElementById("f5").innerHTML = "<img src='img/daocao.png' width='140px' height='140px' />";
								}else if(v==3){
									document.getElementById("f5").innerHTML = "<img src='img/huo.png' width='140px' height='140px' />";
								}else if(v==4){
									document.getElementById("f5").innerHTML = "<img src='img/jiandao.png' width='140px' height='140px' />";
								}else if(v==5){
									document.getElementById("f5").innerHTML = "<img src='img/lingdang.png' width='140px' height='140px' />";
								}else if(v==6){
									document.getElementById("f5").innerHTML = "<img src='img/luobo.png' width='140px' height='140px' />";
								}else if(v==7){
									document.getElementById("f5").innerHTML = "<img src='img/maoxian.png' width='140px' height='140px' />";
								}else if(v==8){
									document.getElementById("f5").innerHTML = "<img src='img/shoutao.png' width='140px' height='140px' />";
								}else if(v==9){
									document.getElementById("f5").innerHTML = "<img src='img/shuazi.png' width='140px' height='140px' />";
								}else if(v==10){
									document.getElementById("f5").innerHTML = "<img src='img/shuitong.png' width='140px' height='140px' />";
								}else if(v==11){
									document.getElementById("f5").innerHTML = "<img src='img/shuzhuang.png' width='140px' height='140px' />";
								}else if(v==12){
									document.getElementById("f5").innerHTML = "<img src='img/yumi.png' width='140px' height='140px' />";
								}
								}
							}
						}
					}
				}
				//123   124  125
				var content1 = document.getElementById("f1").innerHTML;
				var content2 = document.getElementById("f2").innerHTML;
				var content3 = document.getElementById("f3").innerHTML;
				var content4 = document.getElementById("f4").innerHTML;
				var content5 = document.getElementById("f5").innerHTML;
				if(content1==content2&&content1==content3&&content2==content3){
					document.getElementById("f1").innerHTML='1';
					document.getElementById("f2").innerHTML='2';
					document.getElementById("f3").innerHTML='3';
				}
				if(content1==content2&&content1==content4&&content2==content4){
					document.getElementById("f1").innerHTML='1';
					document.getElementById("f2").innerHTML='2';
					document.getElementById("f4").innerHTML='4';
				}
				if(content1==content2&&content1==content5&&content2==content5){
					document.getElementById("f1").innerHTML='1';
					document.getElementById("f2").innerHTML='2';
					document.getElementById("f5").innerHTML='5';
				}
				//134 135
				if(content1==content3&&content1==content4&&content3==content4){
					document.getElementById("f1").innerHTML='1';
					document.getElementById("f3").innerHTML='3';
					document.getElementById("f4").innerHTML='4';
				}
				if(content1==content3&&content1==content5&&content3==content5){
					document.getElementById("f1").innerHTML='1';
					document.getElementById("f3").innerHTML='3';
					document.getElementById("f5").innerHTML='5';
				}
				//145
				if(content1==content4&&content1==content5&&content4==content5){
					document.getElementById("f1").innerHTML='1';
					document.getElementById("f4").innerHTML='4';
					document.getElementById("f5").innerHTML='5';
				}
				//234 235 245
				if(content2==content3&&content2==content4&&content3==content4){
					document.getElementById("f2").innerHTML='2';
					document.getElementById("f3").innerHTML='3';
					document.getElementById("f4").innerHTML='4';
				}
				if(content2==content3&&content2==content5&&content3==content5){
					document.getElementById("f2").innerHTML='2';
					document.getElementById("f3").innerHTML='3';
					document.getElementById("f5").innerHTML='5';
				}
				if(content2==content4&&content2==content5&&content4==content5){
					document.getElementById("f2").innerHTML='2';
					document.getElementById("f4").innerHTML='4';
					document.getElementById("f5").innerHTML='5';
				}
				//345
				if(content3==content4&&content3==content5&&content4==content5){
					document.getElementById("f3").innerHTML='3';
					document.getElementById("f4").innerHTML='4';
					document.getElementById("f5").innerHTML='5';
				}
				
				var t1 =document.getElementById("f1").innerHTML;
				var t2 =document.getElementById("f2").innerHTML;
				var t3 =document.getElementById("f3").innerHTML;
				var t4 =document.getElementById("f4").innerHTML;
				var t5 =document.getElementById("f5").innerHTML;
				if(t1!=1&&t2!=2&&t3!=3&&t4!=4&&t5!=5){
					alert("你失败了");
				}
				
			}
			
			function reset(){
				var array = new Array();
				var allArray = [1,1,1,2,2,2,3,3,3,4,4,4,5,5,5,6,6,6,7,7,7,8,8,8,9,9,9,10,10,10,11,11,11,12,12,12];
				var getLocation;
				var q = 1;var w = 1;var e = 1;var r = 1;var t = 1;var y = 1;
				var z = 1;var x = 1;var c = 1;var v = 1;var b = 1;var n = 1;
				for(var i =1;i<=36;i++){
					var j = Math.floor(Math.random()*12+1);
					if(j==1){
						if(q<4){
							document.getElementById(i).innerHTML = "<img src='img/baicai.png' width='140px' height='140px' onclick='put(1)'/>";
							getLocation = allArray.indexOf(1);
							if(getLocation!=-1){
								allArray.splice(getLocation, 1);
							}
							q = q+1;
						}else{
							array.push(i);
						}
						
					}else if(j==2){
						if(w<4){
							document.getElementById(i).innerHTML = "<img src='img/daocao.png' width='140px' height='140px' onclick='put(2)'/>";
							getLocation = allArray.indexOf(2);
							if(getLocation!=-1){
								allArray.splice(getLocation, 1);
							}
							w = w+1;
						}else{
							array.push(i);
						}
						
					}else if(j==3){
						if(e<4){
							document.getElementById(i).innerHTML = "<img src='img/huo.png' width='140px' height='140px' onclick='put(3)'/>";
							getLocation = allArray.indexOf(3);
							if(getLocation!=-1){
								allArray.splice(getLocation, 1);
							}
							e = e+1;
						}else{
							array.push(i);
						}
						
					}else if(j==4){
						if(r<4){
							document.getElementById(i).innerHTML = "<img src='img/jiandao.png' width='140px' height='140px' onclick='put(4)'/>";
							getLocation = allArray.indexOf(4);
							if(getLocation!=-1){
								allArray.splice(getLocation, 1);
							}
							r =r+1;
						}else{
							array.push(i);
						}
					}else if(j==5){
						if(t<4){
							document.getElementById(i).innerHTML = "<img src='img/lingdang.png' width='140px' height='140px' onclick='put(5)'/>";
							getLocation = allArray.indexOf(5);
							if(getLocation!=-1){
								allArray.splice(getLocation, 1);
							}
							t=t+1;
						}else{
							array.push(i);
						}
						
						
					}else if(j==6){
						if(y<4){
							document.getElementById(i).innerHTML = "<img src='img/luobo.png' width='140px' height='140px' onclick='put(6)'/>";
							getLocation = allArray.indexOf(6);
							if(getLocation!=-1){
								allArray.splice(getLocation, 1);
							}
							y=y+1;
							
						}else{
							array.push(i);
						}
						
					}else if(j==7){
						if(z<4){
							document.getElementById(i).innerHTML = "<img src='img/maoxian.png' width='140px' height='140px' onclick='put(7)'/>";
							getLocation = allArray.indexOf(7);
							if(getLocation!=-1){
								allArray.splice(getLocation, 1);
							}
							z=z+1;
							
						}else{
							array.push(i);
						}
						
					}else if(j==8){
						if(x<4){
							document.getElementById(i).innerHTML = "<img src='img/shoutao.png' width='140px' height='140px' onclick='put(8)'/>";
							getLocation = allArray.indexOf(8);
							if(getLocation!=-1){
								allArray.splice(getLocation, 1);
							}
							x=x+1;
						}else{
							array.push(i);
						}
						
					}else if(j==9){
						if(c<4){
							document.getElementById(i).innerHTML = "<img src='img/shuazi.png' width='140px' height='140px' onclick='put(9)'/>";
							getLocation = allArray.indexOf(9);
							if(getLocation!=-1){
								allArray.splice(getLocation, 1);
							}
							c=c+1;
						}else{
							array.push(i);
						}
						
					}else if(j==10){
						if(v<4){
							document.getElementById(i).innerHTML = "<img src='img/shuitong.png' width='140px' height='140px' onclick='put(10)'/>";
							getLocation = allArray.indexOf(10);
							if(getLocation!=-1){
								allArray.splice(getLocation, 1);
							}
							v=v+1;
						}else{
							array.push(i);
						}
						
					}else if(j==11){
						if(b<4){
							document.getElementById(i).innerHTML = "<img src='img/shuzhuang.png' width='140px' height='140px' onclick='put(11)'/>";
							getLocation = allArray.indexOf(11);
							if(getLocation!=-1){
								allArray.splice(getLocation, 1);
							}
							b=b+1;
						}else{
							array.push(i);
						}
						
					}else if(j==12){
						if(n<4){
							document.getElementById(i).innerHTML = "<img src='img/yumi.png' width='140px' height='140px' onclick='put(12)'/>";
							getLocation = allArray.indexOf(12);
							if(getLocation!=-1){
								allArray.splice(getLocation, 1);
							}
							n=n+1;
						}else{
							array.push(i);
						}
						
					}
					
				}
				document.getElementById("f1").innerHTML='1';
				document.getElementById("f2").innerHTML='2';
				document.getElementById("f3").innerHTML='3';
				document.getElementById("f4").innerHTML='4';
				document.getElementById("f5").innerHTML='5';
				for(var i=0;i<array.length;i++){
					var id = array[i];
					var j = allArray[i];
					if(j==1){
						document.getElementById(id).innerHTML = "<img src='img/baicai.png' width='140px' height='140px' onclick='put(1)'/>";
					}else if(j==2){
						document.getElementById(id).innerHTML = "<img src='img/daocao.png' width='140px' height='140px' onclick='put(2)'/>";
					}else if(j==3){
						document.getElementById(id).innerHTML = "<img src='img/huo.png' width='140px' height='140px' onclick='put(3)'/>";
					}else if(j==4){
						document.getElementById(id).innerHTML = "<img src='img/jiandao.png' width='140px' height='140px' onclick='put(4)'/>";
					}else if(j==5){
						document.getElementById(id).innerHTML = "<img src='img/lingdang.png' width='140px' height='140px' onclick='put(5)'/>";
					}else if(j==6){
						document.getElementById(id).innerHTML = "<img src='img/luobo.png' width='140px' height='140px' onclick='put(6)'/>";
					}else if(j==7){
						document.getElementById(id).innerHTML = "<img src='img/maoxian.png' width='140px' height='140px' onclick='put(7)'/>";
					}else if(j==8){
						document.getElementById(id).innerHTML = "<img src='img/shoutao.png' width='140px' height='140px' onclick='put(8)'/>";
					}else if(j==9){
						document.getElementById(id).innerHTML = "<img src='img/shuazi.png' width='140px' height='140px' onclick='put(9)'/>";
					}else if(j==10){
						document.getElementById(id).innerHTML = "<img src='img/shuitong.png' width='140px' height='140px' onclick='put(10)'/>";
					}else if(j==11){
						document.getElementById(id).innerHTML = "<img src='img/shuzhuang.png' width='140px' height='140px' onclick='put(11)'/>";
					}else if(j==12){
						document.getElementById(id).innerHTML = "<img src='img/yumi.png' width='140px' height='140px' onclick='put(12)'/>";
					}
				}
			}
		</script>
	</body>
</html>